
.scroll{
    width: 1001px;
    height: 282px;
    background-color: #eee;
    margin: 0 auto;
    position: relative;
}
.scroll .full-pic{
    width: 858px;
    height: 282px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.full-pic .full-pic-list{
    position: absolute;
}
.full-pic .full-pic-list li{
    width: 858px;
    height: 282px;
}
.full-pic .full-pic-list li img{
    width: 858px;
    height: 282px;
}
.scroll .thumb-pic{
    width: 143px;
    height: 282px;
    position: absolute;
    top: 0;
    right: 0;
}
.scroll .thumb-pic li{
    cursor: pointer;
    width: 143px;
    height: 47px;
    position:relative;
}
.scroll .thumb-pic li img:first-child{
    width: 143px;
    height: 47px
}
.scroll .thumb-pic li img.arrow{
    position: absolute;
    top: 40%;
    left:10%;
    display: none;
}
.scroll .thumb-pic li:first-child img.arrow{
    display: block;
    width: 6px;
    height: 11px;
}
.search{
    height: 88px;
    margin-bottom: 40px;
    background-color: #EBEFF2;
}
.search .search-input{
    width: 834px;
    margin: 0 auto;
    padding: 20px 95px 0;
    position: relative;
}
.search .search-input a.input-btn-result{
    display: inline-block;
    border: 2px solid #19c967;
    width: 120px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #19c967;
    background-color: #fff;
    background-image: url('http://web01.chrstatic.com/campus/project/qihang.chinahr.com/img-pc/arrowdown.png');
    background-position: 94px center;
    background-repeat: no-repeat;
}

.search .search-input a.input-btn-result  img{
    position: absolute;
    top: 59%;
    left: 19%;
    width: 14px;
    height: 8px;
}
.search-input .input-property-btn{
    position: absolute;
    top: 100%;
    left: 95px;
    background-color: #FFF;
    display: none;
    z-index: 10;
}
.input-property-btn .input-intership-btn , .input-property-btn .input-job-btn{
    width: 118px;
    height: 45px;
    border: 2px solid #19c967;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: black;
    border-top: none;
}
.search-input .input-property-btn .input-intership-btn{
    border-top: none;
    border-bottom: none;
}
.input-property-btn .input-intership-btn:hover{
    background-color: #EBEFF2;
}
.input-property-btn .input-job-btn:hover{
    background-color: #EBEFF2;
}
.search .search-input input{
    height: 45px;
    width: 610px;
    border: 2px solid #19c967;
    line-height: 45px;
    position: absolute;
    top: 20px;
    left: 21%;
}
.search .search-input .search-btn{
    width: 100px;
    height: 49px;
    position: absolute;
    top: 20px;
    right: 96px;
    background-color: #19c967;
}
.search .search-input .search-btn img{
    position: absolute;
    top: 20%;
    right: 35%;
    width: 29px;
    height: 28px;
}
.search .search-nav-index{
    width: 464px;
    height: 45px;
    margin: 19px auto 0;
}
.search .search-nav-index li{
    float: left;
    text-align: center;
    width: 85px;
    margin: 0 9px;
    padding: 10px 0;
    cursor: pointer;
    font-size: 16px;
}
.search .search-nav-index li:hover{
    color: #19c967;
    border-bottom: 1px solid #19c967;
    font-weight: 700;
}
.search .search-nav-index li:first-child{
    margin-left: 0;
    color: #19c967;
    border-bottom: 1px solid #19c967;
}
.search .search-nav-index li:last-child{
    margin-right: 0;
}
.company{
    width: 1024px;
    height: 790px;
    margin: 0 auto;
}
/* .company .kind{
	padding: 50px 0;
	height: 50px;
}
.company .kind li{
	margin: 1px;
	float: left;
	padding: 0 5px;
	color: #c2c2c2;
	font-size: 14px;
}
 .company .kind .kind-title{
 	color: #19c967;
} */
.company .kind{
    padding: 30px 0 20px;
    height: 50px;
}
.kind-admin , .kind-fiance , .kind-market , .kind-education , .kind-media , .kind-other{
    display: none;
}
.company  .kind-it {
    display: visible;
}
.company .kind li{
    margin: 1px;
    float: left;
    padding: 0 5px;
    color: #c2c2c2;
    font-size: 14px;
}
.company .kind li a{
    color: #c2c2c2;
    font-size: 14px;
}
.company .kind li a:hover{
    text-decoration: underline;
    color: #19c967;
    font-weight: 700;
}
.company .kind .kind-title a{
    color: #19c967;
    font-weight: 700;
}





.caption-text{
    color:#c2c2c2;
    text-align: center;
    font-size: 16px;
    margin: 12px auto 30px;
    height: 20px;
}
.caption-img{
    display: block;
    margin: 0 auto;
    height: 50px;
    width: 280px;
    height: 70px;
}
.company .wrap{
    width: 1024px;
    height: 600px;
    overflow: hidden;
}
.company .companyAnimation{
    width: 1024px;
    height: 560px;
    overflow: hidden;
    position: relative;
}
.company .companyAnimation .goodCompany{
    width: 2048px;
    height: 580px;
    position: relative;
}
.goodCompany li{
    float:left;
}
.goodCompany .li{
    float:left;
    width: 1024px;
    height: 560px;
}
/*.goodCompany .company1{
  	margin: 0 auto;
  	width: 1024px;
  	position: absolute;
  	top: 0;
  	left: 0;
}
.goodCompany .company2{
  	margin: 0 auto;
  	width: 1024px;
  	position: absolute;
  	top: 0;
  	left: 50%;
}*/
.goodCompany ul li{
    width: 180px;
    height: 250px;
    /*border: 1px solid red;/*#EBEFF2*/
    float: left;
    margin: 10px 37px;
    position: relative;
}
.goodCompany .company-wrap{
    width: 180px;
    height: 180px;
    border:1px solid #b0b0b0;
    border-radius: 50%;
    position: relative;
}
.goodCompany .company-wrap img{
    width: 106px;
    height: 50px;
    position: absolute;
    top: 65px;
    left: 35px;
}
.goodCompany .company-wrap .cover{
    height: 100%;
    width: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
/*ç¿»ç‰Œæ•ˆæžœçš„è’™å±‚+æ–‡å­—*/
.company-wrap .cover .cover-bg{
    height: 98%;
    width: 98%;
    position: absolute;
    top: 1%;
    left: 1%;
    background-color: #30ce76;
    border-radius: 50%;
    opacity: 0.8;
    filter:Alpha(opacity=80);
}
.goodCompany .company-wrap:hover{
    border:1px solid #30ce76;
}
.company-wrap .cover .cover-text{
    width: 120px;
    height: 80px;
    position: absolute;
    top: 25%;
    left: 17%;
    color: #fff;
    text-align: left;
    font-size: 14px;
    /*display: none;*/
}
.company-wrap .cover .cover-arrow{
    display: block;
    width: 27px;
    height: 27px;
    background: url(http://web01.chrstatic.com/campus/project/qihang.chinahr.com/img-pc/cover-arrow.png) center center no-repeat;
    position: absolute;
    top: 70%;
    left: 41%
}
.goodCompany .company-text{
    width: 100%;
    height: 50px;
    font-size: 18px;
    line-height: 24px;
    text-align:center;
    margin: 20px 0;
}
.goodCompany .company-text span{
    color:#666;
}
.company .tab-btn{
    margin: 0 auto;
    height: 10px;
    width: 165px;
}
.company .tab-btn li{
    display:inline-block;
}
.company .tab-btn a{
    display: inline-block;
    width: 68px;
    height: 10px;
    background-color: #EBEFF2;
    margin: 0 5px;
}
.company .tab-btn li.active a{
    background-color: #19c967;
}
.hotCompany{
    padding: 40px 0 0;
    background-color: #EBEFF2;
}
.hotCompany .hot-wrap{
    width: 1024px;
    height: 670px;
    margin: 0 auto;
    position: relative;
}
.hotCompany .caption-text{
    color: rgb(142,143,144);
}
.hot-wrap .hot{
    width: 880px;
    height: 600px;
    margin: 0 67px;
    overflow: hidden;
    position: relative;
}
.hot .all-hot{
    width: 5120px;
    height: 560px;
    position: relative;

}
.hot .all-hot>li{
    width: 880px;
    height: 555px;
    overflow: hidden;
    background-color: #eee;
    float:left;
}
/*.all-hot .item1{
	position: absolute;
	top: 0;
	left: 0;
}
.all-hot .item2{
	position: absolute;
	top: 0;
	left: 20%;
}.all-hot .item3{
	position: absolute;
	top: 0;
	left: 40%;
}.all-hot .item4{
	position: absolute;
	top: 0;
	left: 60%;
}.all-hot .item5{
	position: absolute;
	top: 0;
	left: 80%;
}*/
.hot .all-hot ul li{
    float: left;
    width: 205px;
    height: 130px;
    margin: 0 5px 10px;
    background-color: #fff;
}
.hot .all-hot ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.hot .all-hot ul li a .hot-pic{
    width: 100%;
    height: 100%;
    position: relative;
}
.hot-pic img{
    width: 106px;
    height: 50px;
    position: absolute;
    top: 30%;
    left: 25%;
}
.hot-pic .hot-hang{
    text-align: center;
    position: absolute;
    display: block;
    width: 205px;
    height: 30px;
    background-color: #62aae1;
    bottom: 0;
    left:0;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    display: none;
}
.hot-wrap .arrow-left{
    position: absolute;
    top: 39%;
    left: 0;
    width: 21px;
    height: 30px
}
.hot-wrap .arrow-right{
    position: absolute;
    top: 39%;
    right: 0;
    width: 21px;
    height: 30px
}
.hot-wrap .dot{
    height: 20px;
    float: left;
    position: relative;
    left: 50%;
}
.dot .dot-ls{
    position: relative;
    left: -50%;
}
.dot ul li{
    float: left;
    margin-right: 10px;
}
.dot ul li a{
    display:block;
    width: 14px;
    height: 14px;
    background: url(http://web01.chrstatic.com/campus/project/qihang.chinahr.com/img-pc/graydot.png) center center no-repeat;
}
.dot ul li.active a{
    background: url(http://web01.chrstatic.com/campus/project/qihang.chinahr.com/img-pc/bluedot.png) center center no-repeat;
}
.bounty{
    padding: 60px 0;
    height: 630px;
    background-color: #D8DDE1;
}
.bounty .job-wrap{
    width: 874px;
    height: 500px;
    margin: 0 auto;
}
.bounty .caption-text{
    color: rgb(102,102,102);
}
.job-wrap .job{
    width: 100%;
    height: 100%;
}
.job-wrap .job .job-list{
    width: 355px;
    height: 80px;
    margin: 0 5px 10px;
    padding: 15px 30px 20px 40px;
    float: left;
    background-color: #fff;
    position: relative;
}
.job-list .job-detail{
    /*width: 180px;*/
}
.job-list .job-detail li{
    float: left;
    font-size: 14px;
    color: #FF8E61;
    margin: 0 8px;
}
.job-list a{
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #787c7f;
}
.job-list a:hover{
    color: #19c967;
}
.job-list p{
    font-size: 14px;
    margin: 5px 0 10px;
    color: #c0c7cb;
}
.job-list .bounty-company{
    width: 106px;
    height: 50px;
    position: absolute;
    top: 30%;
    right: 10%;
}
.job-list .job-detail .bounty-logo{
    margin-right: 0;
}
.job-list .job-detail .bounty-logo:first-child{
    margin-left: 0;
}
.job-list .job-detail .bounty-logo img{
    width: 17px;
    height: 16px;
}
.offer{
    background-color: #EBEFF2;
    padding: 60px 0;
}
.offer .caption-text{
    color: rgb(135,136,137);
}
.offer .offer-wrap{
    width: 880px;
    height: 230px;
    margin: 0 auto;
    position: relative;
}
.offer-wrap>ul>li{
    width: 280px;
    height: 166px;
    padding: 14px 0 0 20px;
    position: absolute;
    opacity: 0.8;
    filter:alpha(opacity=80);
    font-size: 14px;
}
.offer-wrap .offer-triangle-img{
    position: absolute;
    top: 100%;
    width: 13px;
    height: 13px;
}
.offer-box1 .offer-triangle-img{
    left: 20%;
}
.offer-box2 .offer-triangle-img{
    left: 20%;
}
.offer-box3 .offer-triangle-img{
    right: 20%;
}
.offer-wrap .offer-box1{
    left: 0;
    top: 0;
    z-index: 100;
    background-color: #fff;
}
.offer-wrap .offer-box2{
    left: 33%;
    top: 15%;
    z-index: 10;
    background-color: #44B779;
    color: #fff;
}
.offer-wrap .offer-box3{
    left: 66%;
    top: 5%;
    z-index: 1;
    background-color: #F89E47;
    color: #fff;
}
.offer-box1 ul li a{
    color: black;
}
.offer-box1 ul li a:hover , .offer-box2 ul li a:hover , .offer-box3 ul li a:hover{
    text-decoration: underline;
    color: #4f1f06;
}
.offer-box2 ul li a{
    color: #fff;
}
.offer-box3 ul li a{
    color: #fff;
}
.offer-box1 ul li , .offer-box2 ul li , .offer-box3 ul li{
    margin: 10px 0;
}
@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        opacity: 1;
    }
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hot .all-hot ul li.hover{
    transition:0.5s all ease;
    box-shadow:0 0 10px 2px #63aae2;
    transform:perspective(400px) scale(1.1,1.15);
    z-index:10;
    position:relative;
}
.hot .all-hot ul li.nover{
    transition:0.5s all ease;
    box-shadow:0 0 0 0;
    transform:perspective(400px) scale(1,1);
}

/*zhagjiajia*/

.cutWord {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.backTop{
    position:fixed;
    bottom:100px;
    right:30px;
    z-index:20;
}
.backTop ul li{
    width:40px;
    height:40px;
    /*border:1px solid #64d286;*/
    cursor:pointer;
}
.backTop ul li.back{
    background:url(http://web01.chrstatic.com/campus/project/qihang.chinahr.com/img-pc/top2.jpg) center center no-repeat #64d286;
}
.backTop ul li.back.hui{
    background:url(http://web01.chrstatic.com/campus/project/qihang.chinahr.com/img-pc/top2.jpg) center center no-repeat #90dda8;
    /*border:1px solid #90dda8;   */
}
.backTop ul li.erw{
    height: 197px;
    background:url(http://web01.chrstatic.com/campus/project/qihang.chinahr.com/img-pc/er2.jpg) center center no-repeat;
}
.backTop .erwm{
    display:none;
    width:132px;
    height:162px;
    position: absolute;
    top: 75px;
    left: -125px;
    background:url(http://web01.chrstatic.com/campus/project/qihang.chinahr.com/img-pc/wem.png) center center no-repeat;
}

/**/
.scroll .thumb-pic li .megnc{
    width:100%;
    height:100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    display:block;
}
.scroll .thumb-pic li .shadow{
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.6;
    filter:alpha(opacity=60);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.scroll .thumb-pic li .word{
    width:100%;
    height:100%;
    display: block;
    position: absolute;
    top: 0;
    right: 5px;
    font-size:14px;
    text-align:right;
    line-height:65px;
    color:#fff;
}
.scroll .thumb-pic li img.arrow {
    display: block;
    width: 6px;
    height: 11px;
    position: absolute;
    top: 22px;
    left: 10px;
}
.scroll .thumb-pic li.active .megnc{
    display:none;
}
.hot .all-hot>li{
    width: 880px;
    height: 578px;
    overflow: hidden;
    background-color: #eee;
    float:left;
}
.hot .all-hot>li ul{
    margin-left: 10px;
    margin-top: 15px;
}
.search .search-input .input{
    height: 45px;
    width: 610px;
    border: 2px solid #19c967;
    line-height: 45px;
    position: absolute;
    top: 20px;
    left: 21%;
}
.search .search-input .input span{
    display:block;
    height: 45px;
    width: 590px;
    padding:0 10px;
    line-height: 45px;
    background:#fff;
    font-size: 16px;
    color: #ccc;
}
.search .search-input .input input{
    display:block;
    height: 45px;
    width: 590px;
    padding:0 10px;
    line-height: 45px;
    background:#fff;
    font-size: 16px;
    color: black;
    left:0;
    top:0;
    border:0;
    display:none;
}
/* å•†ç›¼ç›¼ 2016-03-16 */
.bounty .job-wrap .job .job-list:hover{
    box-shadow: 0 0 10px rgba(255,142,97,0.75);
}